@import '../../assets//scss/var.scss';

.verify-code {
  width: 100px;
  height: 30px;
  border: 1px solid saturate($themeColor, 30); /* 提高饱和度 */
  background-color: $themeColor;
  color: #fff;
  border-radius: 1px;
  font-size: 12px;
  user-select: none;
  cursor: default;
  line-height: 30px;
  outline: none;

  &:hover {
    background-color: desaturate($themeColor, 30); /* 降低饱和度 */
  }
  &:active {
    background-color: desaturate($themeColor, 50);
  }
}

.glay {
  background-color: #bcbcbc;
  border-color: #bcbcbc;

  &:hover {
    background-color: #bcbcbc;
  }
}